import React from "react";
import PageHeaderWrapper from "@/components/PageHeaderWrapper";
import { connect } from "dva";
import styles from "./index.less";
import { Row, Col } from "antd";
import Group from "./Group";
import Table from "./Table";
import AddGroup from "./AddGroup";
import AddGroupMember from "./AddGroupMember";

const OnlineSkillSet = (props) => {
	return (
		<PageHeaderWrapper>
			<div className={styles.container}>
				<Row style={{ display: 'flex' }}>
					<Col span={4}>
						<Group />
					</Col>
					<Col span={20}>
						<Table />
					</Col>
				</Row>

				<AddGroup />
				<AddGroupMember />
			</div>
		</PageHeaderWrapper>
	);
};

export default connect(({ onlineSkillSet }) => ({
	...onlineSkillSet,
}))(OnlineSkillSet);
